<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" >
		<link rel="stylesheet" type="text/css" href="../Css/content.css"/>
	</head>
	<body>
<!--=============================
	顶部内容开始(可作为公共头部)
==============================-->
<div class="topAll">
	<div class="top">
		<div class="topCate">
			<div class="topArea">
				<span>北京</span>
				<span class="glyphicon glyphicon-triangle-bottom"></span>
			</div>
			<div class="topGuide">
				<ul>
					<li>&nbsp;请登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>								
					<li>&nbsp;我的收藏&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;会员俱乐部&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;客户服务&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;<span class="glyphicon glyphicon-phone"></span>&nbsp;手机版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;更多&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="topMidAll">
		<div class="topMid">
			<div class="topLogo">
				<img src="../images/logo.png"/>
			</div>
			<div class="topImg">
				<ul>
					<li><img src="../images/zhengpin.jpg"/></li>
					<li><img src="../images/7days.jpg"/></li>
					<li><img src="../images/tuihuo.jpg"/></li>
					<li class="shoppingCart">&nbsp;&nbsp;&nbsp;|<span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;&nbsp;我的购物车</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="topBottom">
		<div class="topNav">
			<ul>
				<li style="width: 65px;">首页</li>
				<li style="width: 110px;">5.20全球购</li>
				<li style="width: 70px;">母婴</li>
				<li style="width: 70px;">美妆</li>
				<li style="width: 70px;">居家</li>
				<li style="width: 70px;">男士</li>
				<li style="width: 95px;">唯品国际</li>
				<li style="width: 93px;">唯品金融</li>
				<li style="width: 70px;">旅行</li>
				<li style="width: 120px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span>&nbsp;&nbsp;明天上线</li>
				<li style="width: 180px;">&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-align-justify"></span>&nbsp;&nbsp;在售分类</li>
			</ul>
		</div>
	</div>
</div>
<!--================
	顶部内容结束
=================-->
<!--================
	商品详情开始
=================-->
<div class="details">
	<div class="detailsTitle">
		<a href="">首页></a>
		<a href="">尚古主义Drinitioisn女装专场></a>
		<span>女款白色职业装长袖衬衫</span>
	</div>
	<div class="shopDetails">
		<div class="imgDetails">
			<img src="../images/show1.jpg" class="imgMain"/>
		</div>
		<div class="clothesDetails">
			<div class="clothesTitle">
				<div class="name">
					<p>女款白色职业装长袖衬衫</p>
				</div>
				<div class="time">
					<span>剩余：2天00时50分31秒</span>
				</div>
			</div>
			<div class="clothesPrice">
				<i>¥</i>
				<span>119</span>
				<dl>
					<dt>满减</dt>				
					<dd>买满198元立减50元，新会员限时专享</dd>
				</dl>
			</div>
			<div class="shopBuy">
				<form action="" method="post">
					<dl>
						<div class="movePrice">
							<dt>
								运费
							</dt>
							<dd>
								¥10（订单满288免运费） 
							</dd>
						</div>
						<div class="size">
							<dt>尺码</dt>
							<div class="sizeDetails">
								<dd>
									<ul>
										<li>S</li>
										<li>S</li>
										<li>S</li>
										<li>S</li>
									</ul>
								</dd>
							</div>
							<div class="sizeHelp">
								<a href="">尺码小帮手</a>
							</div>
						</div>
						<div class="num">
						<dt>数量</dt>
						<dd>
							<span class="glyphicon glyphicon-minus"></span>
							<em>1</em>
							<span class="glyphicon glyphicon-plus"></span>
						</dd>
						<dd class="numContent">
							库存紧张,尽快抢购！
						</dd>
						</div>
					</dl>
					<div class="shopping">
						<i class="glyphicon glyphicon-shopping-cart"></i><input type="submit" class="joinShop" value="加入购物车"/>	
					</div>
					<div class="other">
						<p>购买最多可获59个唯品币&nbsp;&nbsp;<span class="glyphicon glyphicon-question-sign"></span></p>
					</div>
				</form>
			</div>
		</div>
		<div class="detailsBottom">
			<div class="bottomLeft">
				<ul>
					<li><img src="../images/shirt2.jpg"/></li>
					<li><img src="../images/shirt2.jpg"/></li>
					<li><img src="../images/shirt2.jpg"/></li>
					<li><img src="../images/shirt2.jpg"/></li>
					<li><img src="../images/shirt2.jpg"/></li>
				</ul>
				<div class="shopNum">
					<span>商品编码：SS5Q1045368</span>
				</div>
			</div>
			<div class="bottomRight">
				<div class="server">
				<dl>
					<dt>服务</dt>
					<dd>该商品支持换货，订单签收7天内可申请换货<i class="glyphicon glyphicon-menu-down"></i></dd>
				</dl>
				</div>
				<div class="days">
					<img src="../images/7days.png"/>
					<a href="">
						商品放心挑&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						唯品会七天内无理由放心退（返运费）
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!--================
	商品详情结束
=================-->
<!--================
	相关展示开始
=================-->
<div class="ad">
	<a href=""><img src="../images/520ad.jpg"/></a>
</div>
<div class="shopRelation">
	<div class="relationTitle">
		<ul>
			<li>商品详情</li>
			<li>商品推荐</li>
			<li>商品咨询</li>
			<li>关于我们</li>
		</ul>
	</div>
	<div class="shopSize">
		<div class="sizeTitle">
			<span><strong>♢</strong>&nbsp;商品尺码&nbsp;SIZE</span>
			<p></p>
		</div>
		<div class="sizeTips">
			<dl>
				<dt>TIPS:</dt>
				<dd>1. 选购时，请综合参考尺码表中各项参数，有助于你选择到更合适的尺码。</dd>
				<dd>2.（只适用服装）平铺测量自己的合身服装尺寸作参考，对比选购更准确！</dd>
				<dd>3. 请放心挑选尺码，唯品7天退货无忧替你保驾护航。</dd>
			</dl>
			<h4>尺码对照表：</h4>
		</div>
		<div class="sizeTable">
			<table border="" cellspacing="" cellpadding="">
				<tr>
					<th>尺码</th>
					<th>号型</th>
					<th>肩宽</th>
					<th>胸围</th>
					<th>衣长</th>
					<th>袖长</th>
				</tr>
				<tr>
					<td>S</td>
					<td>/</td>
					<td>33.5</td>
					<td>90</td>
					<td>60</td>
					<td>60</td>
				</tr>
				<tr>
					<td>S</td>
					<td>/</td>
					<td>33.5</td>
					<td>90</td>
					<td>60</td>
					<td>60</td>
				</tr>
				<tr>
					<td>S</td>
					<td>/</td>
					<td>33.5</td>
					<td>90</td>
					<td>60</td>
					<td>60</td>
				</tr>
				<tr>
					<td>S</td>
					<td>/</td>
					<td>33.5</td>
					<td>90</td>
					<td>60</td>
					<td>60</td>
				</tr>
			</table>
			<p>
				参考尺寸图：标准图
			</p>
			<img src="../images/size.jpg"/>
			<p>温馨提示：以上图表数据由商家提供，因个人体型胖瘦和穿着习惯各有不同，请根据喜好自行选择。</p>
		</div>
	</div>
	<div class="shopMessage">
		<div class="messageTitle">
			<span><strong>♢</strong>&nbsp;商品参数&nbsp;DETAILS</span>
			<p></p>
			<table border="" cellspacing="" cellpadding="">
				<tr>
					<th>品牌名称</th>
					<td>尚古主义</td>
					<th>商品名称</th>
					<td>女款白色职业装长袖衬衫</td>
				</tr>
				<tr>
					<th>品牌名称</th>
					<td>尚古主义</td>
					<th>商品名称</th>
					<td>女款白色职业装长袖衬衫</td>
				</tr>
				<tr>
					<th>品牌名称</th>
					<td>尚古主义</td>
					<th>商品名称</th>
					<td>女款白色职业装长袖衬衫</td>
				</tr>
				<tr>
					<th>品牌名称</th>
					<td>尚古主义</td>
					<th>商品名称</th>
					<td>女款白色职业装长袖衬衫</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="shopImg">
		<div class="imgTitle">
			<span><strong>♢</strong>&nbsp;商品展示&nbsp;IMAGE</span>
			<p></p>
			<div class="bigImg">
				<img src="../images/123.jpg"/>
			</div>
			<div class="bigImg">
				<img src="../images/123.jpg"/>
			</div>
			<div class="bigImg">
				<img src="../images/123.jpg"/>
			</div>
		</div>
	</div>
	<div class="empty">
	</div>
	<div class="shopRecommend">
		<p>商品推荐</p>
	</div>
	<div class="othershops">
		<div class="othersPage">
			<p>关注了该商品的用户还在关注</p>
			<nav>
			  	<ul class="pagination">
				    <li>
				      	<a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				     	</a>
				    </li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      	<a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      	</a>
				    </li>
			 	</ul>
			</nav>
		</div>
		<div class="otherPic">
			<div class="othersShopImg">
				<img src="../images/125.jpg"/>
				<p>女款白色时尚休闲衬衫</p>
				<span>¥119</span><i>(2.2折)</i>
			</div>
			<div class="othersShopImg">
				<img src="../images/125.jpg"/>
				<p>女款白色时尚休闲衬衫</p>
				<span>¥119</span><i>(2.2折)</i>
			</div>
			<div class="othersShopImg">
				<img src="../images/125.jpg"/>
				<p>女款白色时尚休闲衬衫</p>
				<span>¥119</span><i>(2.2折)</i>
			</div>
			<div class="othersShopImg">
				<img src="../images/125.jpg"/>
				<p>女款白色时尚休闲衬衫</p>
				<span>¥119</span><i>(2.2折)</i>
			</div>
			<div class="othersShopImg">
				<img src="../images/125.jpg"/>
				<p>女款白色时尚休闲衬衫</p>
				<span>¥119</span><i>(2.2折)</i>
			</div>
		</div>
	</div>
	<div class="shopQue">
		<p>商品咨询</p>
	</div>
	<div class="shopContent">
		<p>购买前如有问题，请向唯品会咨询。</p>
		<dl>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
			<dt><i class="glyphicon glyphicon-question-sign"></i>商品都是正品吗？</dt>
			<dd><i class="glyphicon glyphicon-info-sign"></i>请你放心，唯品会www.vip.com上所售卖的商品均经过品牌授权，确保正品，并由中国太平洋财产保险股份有限公司为你购买的每一件商品进行承保。</dd>
		</dl>
	</div>
</div>
<!--================
	相关展示结束
=================-->
<!--================
	底部区域开始
=================-->
<div class="bottomAll">
	<div class="bottomImg">
		<img src="../images/bottom.png"/>
	</div>
	<div class="bottomCate">
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div style="border: none;">
			<p style="margin-left: 5px;">唯品会APP二维码</p>
			<img src="../images/Vip.png"/>
			<p style="margin-left: 5px;">下载唯品会移动APP</p>
		</div>
	</div>
	<div class="bottomGuide">
		<div>
			<ul>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们</li>
			</ul>
		</div>
		<div class="bottommes">
			<p>Copyright © 2008-2016 vip.com，All Rights Reserved 粤ICP备08114786号 ICP经营许可证：粤B2-20080329 网络文化经营许可证：粤网文〔2015〕1528-229</p>
			<p>使用本网站即表示接受唯品会用户协议。版权所有 广州唯品会信息科技有限公司</p>
		</div>
	</div>
</div>
<!--================
	底部区域结束
=================-->
<!--================
	公共右侧用户区域开始
=================-->
<div class="rightUser">
	<div class="rightUserTop">
		<ul>
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<li class="glyphicon glyphicon-user"></li>
			<li>账号</li>
			<br />
			<br />
			<li class="glyphicon glyphicon-yen"></li>
			<li>券</li>
			<br />
			<br />
			<li class="glyphicon glyphicon-heart"></li>
			<li>品牌</li>
			<br />
			<br />
			<li class="glyphicon glyphicon-star"></li>
			<li>商品</li>
		</ul>
	</div>
	<div class="rightUserBottom">
		<ul>
			<br />
			<li class="glyphicon glyphicon-shopping-cart"></li>
			<li>购</li>
			<li>物</li>
			<li>车</li>
			<br />
			<li class="glyphicon glyphicon-pencil"></li>
			<br />
			<br />
			<br />
			<li class="glyphicon glyphicon-menu-up"></li>
		</ul>
	</div>
</div>
<!--================
	公共右侧用户区域结束
=================-->
	</body>
</html>
